@charset "utf-8";
/* --------reset-------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,u,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin: 0;padding: 0;border: 0;}
ol,ul,li {list-style: none;padding: 0;margin: 0;}
a {color: #333;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a img {border: none;}
table {border-collapse: collapse;border-spacing: 0;display: table;}
input,select,textarea,button {font: inherit;color: inherit;}
fieldset,img,abbr,acronym {border: 0;}
em,i {font-style: normal;}
blockquote,q {quotes: none;}
blockquote:before,
blockquote:after,
q:before,
q:after {content: "";content: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
header,footer,article,section,menu,nav,aside,dialog,figure,figcaption,hgroup,details,summary {display: block;}
button,select,textarea,input:not([type="radio"]):not([type="checkbox"]) {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
:focus {outline: 0;} 
/* Form selected style modification */
/* --------global-------- */
body{overflow-x:hidden;font-size: 14px;line-height: 1.5;}
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html {-webkit-text-size-adjust: 100%;text-size-adjust: 100%;}
h1,h2,h3,h4,h5,h6 {font-weight: 500;color: inherit;}
body {
    background-color: #fff;
    --normal: #05386D;
    --border: #f4f3f3;
    --red: #FD1C1C;
    --blue: #81c2ff;
    --green: #019734;
    --yellow: #ffcf00;
    --black: #333333;
    --darkGray: #666666;
    --gray: #f7f9fa;
    --ghostWhite: #f3f3f3;
    --white: #ffffff;}
/* 清除按钮 输入框样式 */
button,input {border: 0;background: transparent;}
/*字体自适应*/
.fs10 {font-size: 10px;}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs13 {font-size: 13px;}
.fs14 {font-size: 14px;}
.fs15 {font-size: 15px;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}
.fs20 {font-size: 20px;}
.fs22 {font-size: 22px;}
.fs21 {font-size: 21px;}
.fs24 {font-size: 24px;}
.fs26 {font-size: 26px;}
.fs28 {font-size: 28px;}
.fs30 {font-size: 30px;}
.fs32 {font-size: 32px;}
.fs35 {font-size: 35px;}
.fs36 {font-size: 36px;}
.fs40 {font-size: 40px;}
/*字体自适应*/
@media only screen and (max-width: 900px) {
.fs15 {font-size: 14px;}
.fs16 {font-size: 14px;}
.fs18 {font-size: 16px;}
.fs20 {font-size: 16px;}
.fs22 {font-size: 18px;}
.fs21 {font-size: 19px;}
.fs24 {font-size: 20px;}
.fs26 {font-size: 22px;}
.fs28 {font-size: 24px;}
.fs30 {font-size: 26px;}
.fs32 {font-size: 28px;}
.fs35 {font-size: 31px;}
.fs36 {font-size: 32px;}
.fs40 {font-size: 36px;}}
.red {color: var(--red);}
.yellow {color: var(--yellow);}
.blue {color: var(--blue);}
.green {color: var(--green);}
.col_nor {color: var(--normal);}
/* --------tools-------- */
.fl {float: left;}
.fr {float: right;}
.tl {text-align: left;}
.tc {text-align: center;}
.tr {text-align: right;}
.vt {vertical-align: top;}
.vm {vertical-align: middle;}
.vb {vertical-align: bottom;}
.relative {position: relative;}
.block {display: block;}
img {max-width: 100%;}
img.imgm {display: block;max-width: 100%;height: auto;margin-left: auto;margin-right: auto;}
/*图片 - 列表*/
.pic-view {display: block;position: relative;z-index: 2;overflow: hidden;}
.pic-view img {max-width: 101%;width: 101%;position: absolute;z-index: 1;top: 50%;left: 50%;top: 0 \9;left: 0 \9;top: 50% \9 \0;left: 50% \9 \0;-moz-transform: translate3d(-50%, -50%, 0);-ms-transform: translate3d(-50%, -50%, 0);-o-transform: translate3d(-50%, -50%, 0);-webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}
.pic-view img[aspectFit] {max-height: 101%;height: 101%;max-width: none;width: auto;}
/*清除浮动*/
.clearfix:after {content: "$";display: block;height: 0;clear: both;visibility: hidden;overflow: hidden;}
.clearfix {display: inline-block;} /* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;} /* End hide from IE-mac */
.hidden {display: none;}
/*文字截取*/
.single-line {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.multi-line {min-height: 3em;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: clip;overflow: hidden;}
/*1px 边框*/
[class*="m-hairline"]::after {position: absolute;content: " ";pointer-events: none;top: -50%;right: -50%;bottom: -50%;left: -50%;border: 0 solid var(--border);-webkit-transform: scale(0.5);transform: scale(0.5);}
.m-hairline,
.m-hairline--top,
.m-hairline--left,
.m-hairline--right,
.m-hairline--bottom,
.m-hairline--surround,
.m-hairline--top-bottom {position: relative;}
.m-hairline--top::after {border-top-width: 1px;}
.m-hairline--left::after {border-left-width: 1px;}
.m-hairline--right::after {border-right-width: 1px;}
.m-hairline--bottom::after {border-bottom-width: 1px;}
.m-hairline--top-bottom::after,
.m-hairline-unset--top-bottom::after {border-width: 1px 0;}
.m-hairline--surround::after {border-width: 1px;}
/*表单*/
.m-input {display: block;width: 100%;min-width: 0;margin: 0;border: 0;padding: 0;color: #333;background-color: transparent;resize: none;}
.m-input::-moz-placeholder {color: #5f7a97;opacity: 1;}
.m-input:-ms-input-placeholder {color: #5f7a97;}
.m-input::-webkit-input-placeholder {color: #5f7a97;}
.m-input-block {padding: 12px 15px;background-color: #f0f0f0;-webkit-border-radius: 3px;border-radius: 3px;}
/*按钮*/
/* .m-button {display: inline-block;margin-left: auto;margin-right: auto;height: 44px;padding: 0 15px;border: 1px #999 solid;background-color: #fff;color: #999;text-align: center;font-size: 16px;line-height: 42px;-webkit-border-radius: 4px;border-radius: 4px;}
button.m-button,
input.m-button,
button.m-button:focus,
input.m-button:focus {outline: 0;-webkit-appearance: none;}
.m-button--primary {background: -webkit-linear-gradient(-46deg, #f8512f 0%, #f97a2d 100%);background: linear-gradient(-46deg, #f8512f 0%, #f97a2d 100%);box-shadow: 0 2px 6px 0 rgba(248, 82, 47, 0.3);color: #fff;border: 0;}
.m-button--plain {color: var(--normal);border-color: var(--normal);}
.m-button--square {border-radius: 0;}
.m-button--round {-webkit-border-radius: 999px;border-radius: 999px;}
.m-button--hairline {border: 0;}
.m-button--hairline::after {border-color: inherit;}
.m-button--small {min-width: 60px;height: 30px;padding: 0 8px;font-size: 12px;line-height: 28px;}
.m-button--block {display: block;width: 100%;}
.m-button--booking {border: 0;color: #fff;-webkit-background-image: linear-gradient(-46deg, #ff9200 0%, #ffd02a 100%);background-image: linear-gradient(-46deg, #ff9200 0%, #ffd02a 100%);-webkit-box-shadow: 0 1px 6px 0 rgba(255, 149, 2, 0.3);box-shadow: 0 1px 6px 0 rgba(255, 149, 2, 0.3);-webkit-border-radius: 999px;border-radius: 999px;}
.m-button--booking:before {content: "";display: inline-block;vertical-align: middle;width: 14px;height: 14px;margin-top: -3px;margin-right: 3px;background-image: url(../images/icon_button-booking.png);background-size: 100% 100%;}
.m-button--signing {border: 0;color: #fff;-webkit-background-image: linear-gradient(-46deg, #f8512f 0%, #f97a2d 100%);background-image: linear-gradient(-46deg, #f8512f 0%, #f97a2d 100%);-webkit-box-shadow: 0 1px 6px 0 rgba(248, 83, 47, 0.3);box-shadow: 0 1px 6px 0 rgba(248, 83, 47, 0.3);-webkit-border-radius: 999px;border-radius: 999px;}
.m-button--signing:before {content: "";display: inline-block;vertical-align: middle;width: 14px;height: 14px;margin-top: -3px;margin-right: 3px;background-image: url(../images/icon_button-signing.png);background-size: 100% 100%;} */
/*模拟表格布局*/
.m-table {width: 100%;display: table;table-layout: fixed;}
.m-table-cell {display: table-cell;vertical-align: middle;}
.m-table-cell.vt {vertical-align: top;}
.m-table-cell.vb {vertical-align: bottom;}
/*flex垂直对齐列表*/
.m-list-flex {display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.m-list-flex .m-cell-bd {-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;overflow: hidden;}
/* flex组件 - 箭头 */
[class^="m-arrow-"] .m-cell-rt:after,
[class*="m-arrow-"] .m-cell-rt:after {display: inline-block;height: 10px;width: 10px;border-width: 1px 1px 0 0;border-color: #747474;border-style: solid;position: absolute;top: 50%;right: 2px;box-sizing: border-box;}
.m-arrow-right .m-cell-rt,
.m-arrow-down .m-cell-rt,
.m-arrow-up .m-cell-rt {padding-right: 15px;position: relative;}
.m-arrow-right .m-cell-rt:after {content: "";-webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);margin-top: -4px;}
.m-arrow-down .m-cell-rt:after {content: "";-webkit-transform: matrix(-0.71, 0.71, -0.71, -0.71, 0, 0);transform: matrix(-0.71, 0.71, -0.71, -0.71, 0, 0);margin-top: -8px;}
.m-arrow-up .m-cell-rt:after {content: "";-webkit-transform: matrix(0.71, -0.71, 0.71, 0.71, 0, 0);transform: matrix(0.71, -0.71, 0.71, 0.71, 0, 0);margin-top: -2px;}
/*富文本编辑器*/
.m-editor img {display: block;max-width: 100% !important;height: auto;margin-left: auto;margin-right: auto;}
/*提示*/
.m-hint-num {position: relative;}
.m-hint-num em {position: absolute;top: 0;right: -8px;z-index: 9;display: block;min-height: 6px;padding: 0 3px;background: #e6001f;font-style: normal;text-align: center;font-size: 12px;line-height: 13px;color: #fff;border-radius: 50px;-webkit-border-radius: 50px;}
.m-hint-txt:after {content: "";display: inline-block;width: 6px;height: 6px;background-color: #e1454b;border-radius: 50%;-webkit-border-radius: 50%;vertical-align: top;margin-left: 5px;}
/*暂无*/
.m-nothing {padding: 50px;text-align: center;}
.m-nothing img {display: block;width: 35%;margin: 0 auto;}
.m-nothing p {margin-top: 20px;color: #d8d8d8;}
/*阴影*/
.m-shadow {-webkit-box-shadow: 0 1px 6px 0 rgba(184, 189, 202, 0.3);box-shadow: 0 1px 6px 0 rgba(184, 189, 202, 0.3);}
.m-shadow-blur {position: relative;}
.m-shadow-blur::before {content: "";position: absolute;top: 0;left: 0;z-index: -1;display: block;width: 100%;height: 100%;background: inherit;border-radius: inherit;-webkit-filter: blur(10px);filter: blur(10px);opacity: 0.4;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scale(1, 1);transform: scale(1, 1);}
/*弹窗*/
.popup-wrap {position: fixed;top: 50%;left: 50%;z-index: 100;-webkit-transition-property: -webkit-transform, opacity;transition-property: transform, opacity;-webkit-transform: translate3d(-50%, -50%, 0) scale(0.9);transform: translate3d(-50%, -50%, 0) scale(0.9);opacity: 0;visibility: hidden;}
.popup-wrap.popup-wrap_visible {-webkit-transition-duration: 400ms;transition-duration: 400ms;-webkit-transform: translate3d(-50%, -50%, 0) scale(1);transform: translate3d(-50%, -50%, 0) scale(1);opacity: 1;visibility: visible;}
.popup-mask {width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);position: fixed;top: 0;left: 0;z-index: 99;opacity: 0;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;visibility: hidden;}
.popup-mask.popup-mask_visible {opacity: 1;visibility: visible;}
/*********************************************************/
/*A 1.3flex布局*/
.flex-box{ display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*旧*/ -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; box-align: center; /*新*/ -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; }
.flex-row{ /*旧*/-webkit-box-orient:horizontal; -moz-box-orient:horizontal; -ms-box-orient:horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; /*新*/-webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
.flex-row-reverse{ /*旧*/-webkit-box-orient: horizontal; -moz-box-orient: horizontal; -ms-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: reverse; -moz-box-direction: reverse; -ms-box-direction: reverse; box-direction: reverse; /*新*/-webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
.flex-col{ /*旧*/-webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; /*新*/-webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex-col-reverse{ /*旧*/-webkit-box-orient: horizontal; -moz-box-orient: horizontal; -ms-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: reverse; -moz-box-direction: reverse; -ms-box-direction: reverse; box-direction: reverse; /*新*/-webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
.flex-wrap{ /*旧*/-webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-box-lines: multiple; box-lines: multiple; /*新*/-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-start{ /*旧*/-webkit-box-pack: start; -moz-box-pack: start; -ms-box-pack: start; box-pack: start; /*新*/-webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; }
.flex-center{ /*旧*/-webkit-box-pack: center; -moz-box-pack: center; -ms-box-pack: center; box-pack: center; /*新*/-webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; }
.flex-end{ /*旧*/-webkit-box-pack: end; -moz-box-pack: end; -ms-box-pack: end; box-pack: end; /*新*/-webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; }
.flex-between{ /*旧*/-webkit-box-pack: justify; -moz-box-pack: justify; -ms-box-pack: justify; box-pack: justify; /*新*/-webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; }
.flex-around{ /*旧*/-webkit-box-pack: justify; -moz-box-pack: justify; -ms-box-pack: justify; box-pack: justify; /*新*/-webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; justify-content: space-around; }

.flex-col-start{ /*旧*/-webkit-box-align: start; -moz-box-align: start; -ms-box-align: start; box-align: start; /*新*/-webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; }
.flex-col-center{ /*旧*/-webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; box-align: center; /*新*/-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; }
.flex-col-end{ /*旧*/-webkit-box-align: end; -moz-box-align: end; -ms-box-align: end; box-align: end; /*新*/-webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; }
.flex-col-stretch{ /*旧*/-webkit-box-align: stretch; -moz-box-align: stretch; -ms-box-align: stretch; box-align: stretch; /*新*/-webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; align-items: stretch; }
.flex-col-baseline{ /*旧*/-webkit-box-align: baseline; -moz-box-align: baseline; -ms-box-align: baseline; box-align: baseline; /*新*/-webkit-align-items: baseline; -moz-align-items: baseline; -ms-align-items: baseline; align-items: baseline; }

.flex-rows-start{ /*新*/-webkit-align-content: flex-start; -moz-align-content: flex-start; -ms-align-content: flex-start; align-content: flex-start; }
.flex-rows-center{ /*新*/-webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; align-content: center; }
.flex-rows-end{ /*新*/-webkit-align-content: flex-end; -moz-align-content: flex-end; -ms-align-content: flex-end; align-content: flex-end; }
.flex-rows-stretch{ /*新*/-webkit-align-content: stretch; -moz-align-content: stretch; -ms-align-content: stretch; align-content: stretch; }
.flex-rows-between{ /*新*/-webkit-align-content: space-between; -moz-align-content: space-between; -ms-align-content: space-between; align-content: space-between; }
.flex-rows-around{ /*新*/-webkit-align-content: space-around; -moz-align-content: space-around; -ms-align-content: space-around; align-content: space-around; }

.flex-self-start{ -webkit-align-self: flex-start; -moz-align-self: flex-start; -ms-align-self: flex-start; align-self: flex-start; }
.flex-self-center{ -webkit-align-self: center; -moz-align-self: center; -ms-align-self: center; align-self: center; }
.flex-self-end{ -webkit-align-self: flex-end; -moz-align-self: flex-end; -ms-align-self: flex-end; align-self: flex-end; }
.flex-self-stretch{ -webkit-align-self: stretch; -moz-align-self: stretch; -ms-align-self: stretch; align-self: stretch; }
.flex-self-baseline{ -webkit-align-self: baseline; -moz-align-self: baseline; -ms-align-self: baseline; align-self: baseline; }

.flex-grow-1{ -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 20px; width: 0; }

.flex-grid{ display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*旧*/ -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; box-align: center; /*新*/ -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; /*旧*/-webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-box-lines: multiple; box-lines: multiple; /*新*/-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; /*旧*/-webkit-box-pack: justify; -moz-box-pack: justify; -ms-box-pack: justify; box-pack: justify; /*新*/-webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; }
.flex-cell-20{ width: 20%; width: calc((100% - 10px*4)/5); }
.flex-cell-25{ width: 25%; width: calc((100% - 10px*3)/4); }
.flex-cell-33{ width: 33.3333%; width: calc((100% - 10px*2)/3); }
.flex-cell-50{ width: 50%; width: calc((100% - 10px)/2); }
.flex-pic{ display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*旧*/ -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; box-align: center; /*新*/ -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; /*旧*/-webkit-box-pack: center; -moz-box-pack: center; -ms-box-pack: center; box-pack: center; /*新*/-webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; overflow: hidden; }
.flex-pic img{ max-width: 100%; max-height: 100%; width: auto; height: auto; }


.p5{padding: 5px;}
.p10{padding: 10px;}
.p15{padding: 15px;}
.p20{padding: 20px;}
.p25{padding: 25px;}
.p30{padding: 30px;}

.ptb5{padding-top: 5px;padding-bottom: 5px;}
.ptb10{padding-top: 10px;padding-bottom: 10px;}
.ptb15{padding-top: 15px;padding-bottom: 15px;}
.ptb20{padding-top: 20px;padding-bottom: 20px;}
.ptb25{padding-top: 25px;padding-bottom: 25px;}
.ptb30{padding-top: 30px;padding-bottom: 30px;}

.plr5{padding-left: 5px;padding-right: 5px;}
.plr10{padding-left: 10px;padding-right: 10px;}
.plr15{padding-left: 15px;padding-right: 15px;}
.plr20{padding-left: 20px;padding-right: 20px;}
.plr25{padding-left: 25px;padding-right: 25px;}
.plr30{padding-left: 30px;padding-right: 30px;}

.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt30{padding-top: 30px;}

.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb25{padding-bottom: 25px;}
.pb30{padding-bottom: 30px;}

.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl30{padding-left: 30px;}

.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr25{padding-right: 25px;}
.pr30{padding-right: 30px;}

.m5{margin: 5px;}
.m10{margin: 10px;}
.m15{margin: 15px;}
.m20{margin: 20px;}
.m25{margin: 25px;}
.m30{margin: 30px;}

.mtb5{margin-top: 5px;margin-bottom: 5px;}
.mtb10{margin-top: 10px;margin-bottom: 10px;}
.mtb15{margin-top: 15px;margin-bottom: 15px;}
.mtb20{margin-top: 20px;margin-bottom: 20px;}
.mtb25{margin-top: 25px;margin-bottom: 25px;}
.mtb30{margin-top: 30px;margin-bottom: 30px;}

.mlr5{margin-left: 5px;margin-right: 5px;}
.mlr10{margin-left: 10px;margin-right: 10px;}
.mlr15{margin-left: 15px;margin-right: 15px;}
.mlr20{margin-left: 20px;margin-right: 20px;}
.mlr25{margin-left: 25px;margin-right: 25px;}
.mlr30{margin-left: 30px;margin-right: 30px;}

.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}

.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}

.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left: 30px;}

.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}
.mr30{margin-right: 30px;}


/*  */
.pb17{padding-bottom: 17px;}
.pb40{padding-bottom: 40px;}
.pb70{padding-bottom: 70px;}
.pt80{padding-top: 80px;}
.pb60{padding-bottom: 60px;}
.pt40{padding-top: 40px;}
.mb40{margin-bottom: 40px;}
.pl60{padding-left: 60px;}
.pt60{padding-top: 60px;}
.pt68{padding-top: 68px;}
.pb50{padding-bottom: 50px;}
.pl50{padding-left: 100px;}
.pt100{padding-top: 100px;}
.normal{color: var(--normal);}
.red{color: var(--red);}
.bg_gray{background-color: var(--gray);}
.col89{color: #898989;}
.col5{color: #555;}
.col9{color: #999;}
.col0{color: #000;}
.fwb{font-weight: bold;}
.cursor{cursor: pointer;}
.col6{color: #666;}
.colf{color: var(--white);}
.cola9{color: #a9a9a9;}

.ui-pagination-container {height: 34px;line-height: 34px;padding-top: 10px;padding-bottom: 80px;}
.ui-pagination-container .ui-pagination-page-item {font-size: 14px;padding: 4px 10px;background: #fff;border: 1px solid #DADADA;color: #898989;margin: 0 3px;text-decoration: none;border-radius: 5px;}
.ui-pagination-container .ui-pagination-page-item:hover,
.ui-pagination-container .ui-pagination-page-item.active {background: var(--normal);border-color: var(--normal);color: #fff;cursor: pointer;}
